﻿<!DOCTYPE HTML>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.5" charset="utf-8" />
		<title>拍照</title>
		<link href="/pad_marketing/html/css/main.css" rel="stylesheet" type="text/css" />
		<link href="/pad_marketing/html/css/common.css" rel="stylesheet" type="text/css" />
		<link href="/pad_marketing/html/css/mobiscroll.custom-2.6.2.min.css" rel="stylesheet" type="text/css" />
	</head>
  <style>
      .upload-img{position: relative;}
	  .X{width:20px;height:20px;position: absolute;right: 0;top: 0;/* display:none; */background-color: red;}
  </style>
	<body>

		<!--标题区域 start-->
		<div class="tit_main">
			<label class="lh-50 white">拍照</label>
			<a  href=''  class="pull-left lh-50 href"><span class="icon icon-left"></span></a>
  			<a class="pull-right block lh-50" href="/pad_marketing/index/index.action"><span class="icon icon-home"></span></a>
		</div>
		<!--标题区域 end-->

		<ul class="step-panel">
			<li class="gone"><i>1</i>投保产品</li>
			<li class="gone"><i>2</i>客户信息</li>
			<li class="gone"><i>3</i>其他投保选项</li>
			<li class="gone"><i>4</i>告知及问卷</li>
			<li class="gone"><i>5</i>投保资料阅读</li>
			<li class="gone"><i>6</i>投保确认</li>
			<li class="gone"><i>7</i>签字</li>
			<li class="active"><i>8</i>拍照</li>
			<li><i>9</i>支付</li>
		</ul>

		<!--内容区域 start-->
		<div class="H_step" id="wrapper">
			<div>
				<div class="padding-3">
					<div class="blank-1"></div>
					<div class="form-group">
						<label class="col-md-2 control-label" >投保单号</label>
						<div class="col-md-3">
							<input class="form-control" id='insured' disabled type="text" value="" />
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="blank-1"></div>
					 <p class="lh-30 font-16 gray">尊敬的客户：</p>
					 <p class="lh-30 font-16 gray">请配合提供以下材料，谢谢！</p>
					<p class="lh-30 font-16 gray">1、 投保人、被保险人有效身份证件。身份证件信息须与投保时填写的客户信息一致，内容清晰可辨。</p>
					<p class="lh-30 font-16 gray gdrmb">2、 授权账户的存折或银行卡（如通过自动转账方式支付保费时）。</p>
					<div class="blank-10"></div>	
					<div id='card_all'>
					<div  id="card_id">
                     	<h2 class="font-20 lh-45 usertb"><span class="blue b padding-right-10">投保人:</span><span class='tb'></span></h2>
						<div class="blank-10"></div>
						<!-- //证件两个字显示card_id -->
						<div class="col-md-1 text-center card">
							<div class="blank-1"></div>
							<div class="blank-10"></div>
							<p class="icon icon-id"></p>
							<p class="font-18 lh-30">证件</p>
						</div>
                     </div>
						<!-- //四张 -->
						<div class="col-md-11" >
							<!-- 	//身份证正反面card_health -->
							<div id="card_health">
								<!-- 	//身份证正面id1 -->
								<div class="upload-img" id='id1'>
								    <!-- <span class='X'>X</span> -->
									 <input type="file" id='input_id' name="file0" class='input'  onclick="pic1()" />
									<img src="/pad_marketing/html/img/ids.png" id="img0">
									<h5>
										<p class="gray font-14 ">身份证正面</p>
										<p class="gray font-14 ">身份证正面</p>
									</h5>
								</div>
								<!-- //身份证反面id2 -->
								<div class="upload-img" id='id2'>
									<!-- <span class='X'>X</span> -->
									<input type="file" id='input_id2' name="file0" class='input'  onclick="pic2()" />
									<img src="/pad_marketing/html/img/id.png" id="img1">
									<h5>
										<p class="gray font-14">身份证反面</p>
										<p class="gray font-14">身份证反面</p>
									</h5>
								</div>
							</div>
							<!-- //身份证正反面end
		                       //其他star  other -->
							<div id="other">
								<div class="upload-img" id='id3'>
									<!-- <span class='X'>X</span> onchange="imgUpload(this.id,'13',null,this)"  -->
									<input type="file" id='input_other' name="file0" class='input'  onclick="pic3()" />
									<img id="img2">
									<h5>
										<p class="gray font-14">其他证件</p>
										<p class="gray font-14">其他证件</p>
									</h5>
								</div>
							</div>
							<!-- //其他end  -->

						</div>

						<div class="clearfix"></div>
						<!-- 银行卡显示rmb_id -->
						<div id="rmb_id">
							<hr>
							<div class="blank-1"></div>
							<div class="col-md-1 text-center">
								<div class="blank-1"></div>
								<div class="blank-10"></div>
								<p class="icon icon-card"></p>
								<p class="font-18 lh-30">银行卡</p>
								<p class="font-14 1h-30">支付保费</p>
							</div>
							<div class="col-md-3">
								<div class="upload-img" id='id5'>
								    <!-- <span class='X'>X</span>   onchange="imgUpload(this.id)"-->
									<input type="file" id='input_rmb' name="file0" class='input'  onclick="pic5()" />
									<img src="/pad_marketing/html/img/rmb.jpg" id="img4">
									<h5>
										<p class="gray font-14">银行卡正面<span class="hide">10</span></p>										
										<p class="gray font-14">其他证件</p>
									
									</h5>
								</div>
							</div>
							<div class="col-md-7">
								<div class="blank-2"></div>
								<p id='user' class="font-18 lh-45"></p>
							</div>
						</div>
						<div class="clearfix"></div>
						<hr>	
						<!-- 被保人 -->
						<div  id="card_ids">
						<h2 class="font-20 lh-45"><span class="blue b padding-right-10">被保险人:</span><span class='bb'>张俊</span></h2>
						<div class="blank-10"></div>
						<div class="col-md-1 text-center">
							<div class="blank-1"></div>
							<div class="blank-10"></div>
							<p class="icon icon-id"></p>
							<p class="font-18 lh-30">证件</p>
						</div>
           				</div>
						<!-- //四张 -->
						<div class="col-md-11" >
							<!-- 	//身份证正反面card_health -->
							<div id="card_healths">
								<!-- 	//身份证正面id1 -->
								<div class="upload-img" id='ids1'>
								    <!-- <span class='X'>X</span> -->
									 <input type="file" id='input_ids' name="file0" class='input'  onclick="pics1()" />
									<img src="/pad_marketing/html/img/ids.png" id="imgs0">
									<h5>
										<p class="gray font-14">身份证正面</p>
										<p class="gray font-14">身份证正面</p>
									</h5>
								</div>
								<!-- //身份证反面id2 -->
								<div class="upload-img" id='ids2'>
									<!-- <span class='X'>X</span> -->
									<input type="file" id='input_ids2' name="file0" class='input'  onclick="pics2()" />
									<img src="/pad_marketing/html/img/id.png" id="imgs1">
									<h5>
										<p class="gray font-14">身份证反面</p>
										<p class="gray font-14">身份证反面</p>
									</h5>									
								</div>
							</div>
							<!-- //身份证正反面end
		                       //其他star  other -->
							<div id="others">
								<div class="upload-img" id='ids3'>
									<!-- <span class='X'>X</span> -->
									<input type="file" id='input_others' name="file0" class='input'  onclick="pics3()" />
									<img src="" id="imgs2">
									<h5>
										<p class="gray font-14">其他证件</p>
										<p class="gray font-14">其他证件</p>
                                    </h5>									
								</div>
							</div>
							<!-- //其他end  -->

						</div>
						<div class="clearfix"></div>
						<!-- 银行卡显示rmb_ids -->
						<div id="rmb_ids">
							<h2 class="font-20 lh-45" id="mr"><span class="blue b padding-right-10">被保险人:</span><span class='bb'>张俊</span></h2>
							<div class="blank-1"></div>
							<div class="col-md-1 text-center">
								<div class="blank-1"></div>
								<div class="blank-10"></div>
								<p class="icon icon-card"></p>
								<p class="font-18 lh-30">银行卡</p>
								<p class="font-14 1h-30">(给付满期金等)</p>
							</div>
							<div class="col-md-3">
								<div class="upload-img" id='ids5'>
								    <!-- <span class='X'>X</span>   onchange="imgUpload(this.id)"-->
									<input type="file" id='input_rmb' name="file0" class='input'  onclick="pics5()" />
									<img src="/pad_marketing/html/img/rmb.jpg" id="imgs4">
									<h5>
										<p class="gray font-14">银行卡正面<span class="hide">50</span></p>										
										<p class="gray font-14">其他证件</p>
									
									</h5>
								</div>
							</div>
							<div class="col-md-7">
								<div class="blank-2"></div>
								<p id='users' class="font-18 lh-45"></p>
							</div>
						</div>							
					</div>
					</div>
				</div>
			</div>
		
		<!--内容区域 end-->

		<!--底部区域 start-->
		<div class="bot_main">
			<!-- <div class="col-md-2 col-md-offset-4" id='goback' >
				<a class="btn btn-primary btn-lg btn-block href" href=""><span  class="icon icon-left-circle"></span>上一步</a>
			</div>
			<div class="col-md-2">
				<a id='uploadImg' class="btn btn-warning btn-lg btn-block" info='X' href="javascript:void(0)"><span class="icon icon-up-circle"></span>上传</a>
			</div> -->
			<div class="col-md-2 col-md-offset-5">
				<a id='uploadImg' class="btn btn-warning btn-lg btn-block" info='X' href="javascript:void(0)"><span class="icon icon-up-circle"></span>上传</a>
			</div>
		</div>

		<!--底部区域 end-->
		<div class="open-block  open-sm hide" id="open0" >
			<div class="open-header no-border"><button type="button" class="close" onclick="closeDiv('open0')">×</button></div>
			<div class="open-body ">
				<div class="col-md-6  text-center">
					<img src="../html/img/icon-circle-camera-gray.png"  id="MyPhoto"  width="80%" />
					<p class="font-18 lh-45 text-center gray">拍照</p>
				</div>
				<div class="col-md-6  text-center">
					<img src="../html/img/icon-circle-pic-gray.png"  id="MyAlbum"   width="80%" />
					<p class="font-18 lh-45 text-center gray">相册</p>
				</div>
			</div>
		</div>
		<div id="agn-menu" class="hide">
			<div class="circle-panel">
				<nav class="circle-bg">
					<a class="circle-pic" onClick="showDiv('person-panel')">
					<img src="/pad_marketing/html/img/circle-bird.png">
					</a>
					<lable class="circle-text"></lable>
					<div class="circle-menu">
						<a href="#" class="menu-item" id="menu-one">
							<i class="">公司简介</i>
						</a>
						<a href="#" class="menu-item" id="menu-two">
							<i class="">建议书</i>
						</a>
						<a href="#" class="menu-item" id="menu-three">
							<i class="">产品中心</i>
						</a>
						<a href="#" class="menu-item" id="menu-four">
							<i class="">在线投保</i>
						</a>
						<a href="#" class="menu-item" id="menu-five">
							<i class="">需求分析</i>
						</a>
					</div>
					<span class="close circle-close" onClick="closeDiv('agn-menu')">X</span>
				</nav>
			</div>
		</div>
		<!--js全放底部-->
		<script src="/pad_marketing/html/js/jquery-1.7.2.min.js" type="text/javascript"></script>
		<script src="/pad_marketing/html/js/jquery.jmpopups-0.5.1.js" type="text/javascript"></script>
		<script src="/pad_marketing/html/js/idangerous.swiper.min.js"></script>
		<script src="/pad_marketing/html/js/iscroll.js" type="text/javascript"></script>
		<script src="/pad_marketing/html/js/idangerous.swiper.3dflow.js"></script>
		<script src="/pad_marketing/html/js/common.js" type="text/javascript"></script>
		<!--生成uuid-->

		<script src="/pad_marketing/dev/js/Math.uuid.js" type="text/javascript" charset="utf-8"></script>
		<!--前后台交互-->
		<script src="/pad_marketing/dev/js/common.js" type="text/javascript" charset="utf-8"></script>
		<!--拍照-->
		<script src="/pad_marketing/dev/js/photoNew.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>